<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Richard Marquez</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    <script type="text/javascript">
      window.onload = function() {
        sizeBg();
      }
      
      window.onresize = function() {
        sizeBg();
      }
      
      function sizeBg() {
        var bgImage = document.getElementById("bg");
        
        if (window.innerWidth > bgImage.clientWidth) {
          bgImage.style.width = "100%";
          bgImage.style.height = "auto";
        }
        
        if (window.innerHeight > bgImage.clientHeight) {
          bgImage.style.width = "auto";
          bgImage.style.height = "100%";
        }
      }
    </script>
  </head>
  <body>
    <img id="bg" src="Resources/bg.jpg" alt="Background" />
    <div id="main">
      <div id="header">
        <img src="Resources/me.png" alt="Richard Marquez" />
        <h1>Richard Marquez</h1>
      </div>
      <ul id="links">
        <li><a href="https://www.facebook.com/richard92m">Facebook</a></li>
        <li><a href="https://code.google.com/u/richard92m">Code</a></li>
        <li><a href="http://richard92m.svbtle.com/">Writings</a></li>
        <li><a href="http://careers.stackoverflow.com/richard92m">R&eacute;sum&eacute;</a></li>
        <li><a href="mailto:richard92m@me.com">Email</a></li>
      </ul>
    </div>
    <div id="footer">
      Running on: <a href="http://www.apple.com">OS X</a> | <a href="http://www.lighttpd.net">Lighttpd</a> | <a href="http://www.w3.org">HTML5/CSS3</a>
    </div>
  </body>
</html>
